<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head><head th:include="include :: header"></head>
<body>

<!--<button class="btn  btn-primary" style="width: 40px;height: 30px">A区</button >-->
<!--<button class="btn  btn-primary" style="width: 40px;height: 30px">B区</button>-->
<!--<button class="btn  btn-primary" style="width: 40px;height: 30px">C区</button>-->
<!--<button class="btn  btn-primary" style="width: 40px;height: 30px">D区</button>-->
<input type="hidden" id="shelfId" th:value="${shelfId}">

<div>
    <div>货位类型</div>
    <div style="height: 30px">
        <button class="layui-btn" style="color: orange;background: #F7f7f7;width: 80px;">分拣区货位</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: green;background: #F7f7f7;width: 80px;">正品存储区</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: blue;background: #F7f7f7;width: 80px;">散品区货位</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: red;background: #F7f7f7;width: 80px;">残次品货位</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: #BA55D3;background: #F7f7f7;width: 80px;">退货区货位</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: #CD919E;background: #F7f7f7;width: 80px;">赠品存储区</button>&nbsp; &nbsp;
    </div>
    <div>货位状态</div>
    <div style="height: 30px">
        <button class="layui-btn" style="color: black;background: #9AFF9A;width: 80px;">空</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: black;background: #97FFFF;width: 80px;">待调仓</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: black;background: #E9967A;width: 80px;">有货</button>&nbsp; &nbsp;
        <button class="layui-btn" style="color: black;background: #FFC1C1;width: 80px;">待入库</button>&nbsp; &nbsp;
    </div>

    <div th:text="|${tGoodsShelf.shelfArea}区  编号：${tGoodsShelf.shelfNumber}|"></div>

    <table class="layui-table" lay-data="{height:315, url:'/demo/table/user/', page:true, id:'test'}"  lay-filter="test" border="1" lay-skin="row" lay-size="lg" >
        <colgroup>
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
        </colgroup>
        <tbody align="center" id="allocation">

        </tbody>
    </table>


</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/appjs/change/changeMsg/shelfAllocation.js"></script> 

</body>
</html>